<template>
	<table v-show="list.length > 0" class="table table-bordered table-hover">
    <caption>迷你组合底部横幅广告列表</caption>
    <thead>
      <tr>
        <th class="col-xs-4">广告语</th>
        <th>广告链接</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="ad in list">
        <td>{{ad.title}}</td>
        <td>{{ad.location}}</td>
        <td class="text-right col-nowrap">
          <vue-mini-ad-update :ad="ad"></vue-mini-ad-update>
          <button class="btn btn-danger btn-sm" @click="deleteMiniAd(ad.id)">删除</button>
        </td>
      </tr>
    </tbody>
  </table>
  <vue-pages :pages.sync="pages" :get-list="getMiniList"></vue-pages>
</template>
<style src="./mini-ad-list.css" scoped></style>
<script src="./mini-ad-list.js"></script>